<template>
  <CloudPopover trigger="click" :overlayStyle="getOverlayStyle" placement="right">
    <template slot="content">
      <div>
        我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容
        我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容 我是内容
      </div>
    </template>
    <CloudButton> Click me </CloudButton>
  </CloudPopover>
</template>

<script>
  export default {
    title: '8.最大高度',
    subTitle: '最大高度超出后滚动。',
    data () {
      return {
      }
    },
    computed: {
      getOverlayStyle () {
        return {
          width: '250px',
        }
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
  .ant-popover-inner-content {
    max-height: 270px;
    overflow: auto;
  }
</style>